<!doctype html>
<html lang="zh-Hans">
<head>
    @import "mate.html"
    <title>科技管家</title>
    <link rel="stylesheet" href="../assets/wave/waves.css">
    <link rel="stylesheet" href="../assets/layui/css/layui.css">
    <link rel="stylesheet" href="../css/style.min.css">
</head>
<body>
@import "header.html"

<div class="my-container pt50">
    <div class="page-box cf">
        <div class="page-left fl">
            <ul>
                <li><a href="service.html">服务列表</a></li>
                <li><a href="apply-list.html">申请列表</a></li>
                <li class="on"><a href="timeline.html">服务进度</a></li>
            </ul>
        </div>
        <div class="page-right fr">
            <div class="com-title">
                <p>申请列表</p>
            </div>
            <div class="mb80 mt20">
                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">8月18日 演示用户</h3>
                            <p>申请了服务: VIP管家</p>
                        </div>
                    </li>

                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">8月16日</h3>
                            <p>制定了服务方案。</p>
                            <button type="button" class="timeline-btn" id="look">查看</button>
                        </div>
                    </li>

                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">8月15日</h3>
                            <p>确认了服务实施已经完成,请评价</p>
                            <button type="button" class="timeline-btn" id="scoring">评价</button>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>
@import "footer.html"
<script src="../assets/layui/layui.js"></script>
<script src="../js/yun.js"></script>
<script>
  $(function () {
    layui.use(['layer'],function () {
      $('ul.layui-timeline').on('click','#look',function (e) {
        e.stopPropagation();
        dialogShow('详情','look-more.html',[800,600],{
          btn:['关闭']
        });
      });
      $('ul.layui-timeline').on('click','#scoring',function (e) {
        e.stopPropagation();
        dialogShow('详情','scoring.html',[1000],{
          btn:['提交评价','取消'],
          yes:function (index, obj) {
            layer.close(index);

          }
        });
      });
    });
  });
</script>
</body>
</html>